<style lang="less">
    @import './own-space.less';
</style>

<template>
    <div>
        <Card>
            <p slot="title">
                <Icon type="person"></Icon>
                个人信息
            </p>
            <div>
                <Form
                    ref="userForm"
                    :model="userForm"
                    :label-width="100"
                    label-position="right"
                >
                    <FormItem label="用户姓名：" prop="name">
                        <div style="display:inline-block;width:300px;">
                            {{userForm.name}}
                        </div>
                    </FormItem>
                    <FormItem label="用户手机：" prop="name">
                        <div style="display:inline-block;width:300px;">
                            {{userForm.cellphone}}
                        </div>
                    </FormItem>
                </Form>
            </div>
        </Card>

    </div>
</template>

<script>
export default {
    name: 'ownspace_index',
    data () {
        return {
            userForm: {
                name: '',
                cellphone: '',
                company: '',
                department: ''
            },
        }
    },
    mounted () {
        this.init()
    },
    methods: {
        init () {
            let suerId = window.localStorage.getItem('userId')
            let userName = window.localStorage.getItem('userName')
            let userTel = window.localStorage.getItem('userTel')
            let loginDate = window.localStorage.getItem('loginDate')

            this.userForm.name = userName
            this.userForm.cellphone = userTel
            this.initPhone = userTel
        },
    },
}
</script>
